<template>
  <div class="about">
    <h1>{{ count }}</h1>
    <div @click="increment">带年纪</div>
  </div>
</template>
<script lang='ts' setup>

import { ref, reactive, toRefs } from 'vue';
import { useCounterStore } from '@/stores/counter'
console.log('===>', useCounterStore());
console.log('===>',);
const { doubleCount, increment } = useCounterStore()
let { count } = toRefs(useCounterStore())

</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
